<template>
    <div class="new-process">
        <el-row :gutter="20">
            <el-col :span="7">
                <el-card>
                    <template #header>
                        行政管理流程
                    </template>
                    <el-row class="process-item" v-for="(item) in this.admProcessData">
                        <el-col :span="24">
                            <el-link :href="item.path + '?returnUrl=' + this.$route.path" type="primary">{{item.name}}</el-link>
<!--                            <a ></a>-->
                        </el-col>
                    </el-row>
                </el-card>
            </el-col>
            <el-col :span="7">
                <el-card>
                    <template #header>
                        人事管理流程
                    </template>
                    <el-row class="process-item" v-for="(item) in this.perProcessData">
                        <el-col :span="24">
                            <el-link :href="item.path + '?returnUrl=' + this.$route.path" type="primary">{{item.name}}</el-link>
                        </el-col>
                    </el-row>
                </el-card>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import {perProcess,amdProcess} from "../../router/singlepageForm/apply";
// console.log('perProcess',perProcess)
// console.log('admProcess',amdProcess)
export default {
    name: "NewProcess",
    data(){
        return {
            admProcessData: amdProcess,
            perProcessData: perProcess
        }
    }
}
</script>

<style scoped>
*{
    /*border: 1px solid;*/
}
.new-process{
    width: 100%;
    background: white;
    min-height: 99%;
    padding: 10px 10px;
    box-sizing: border-box;
}
.process-item{
    padding: 10px 12px;
    font-size: 14px;
}
.process-item a:hover{
    color: #4ab1fc;
}
a:hover{
    text-underline: none;
}
</style>
<style>
.el-card__body{
    padding: 0;
}
</style>
